<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
/*
事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件
事件冒泡是自下而上的去触发事件
绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true为事件捕获；false为事件冒泡,默认false。
*/

<ul id="list">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
<script>
  let list = document.querySelector('#list');
  list.addEventListener('click',event=>{
    alert(event.target.innerHTML);
  });
</script>
</body>
</html>
